Alhambra Color Hex Code

#00a094

HEX

#00a094

RGB

rgb(0, 160, 148)

HSL

hsl(176°, 100%, 31%)

CMYK

cmyk(100%, 0%, 7%, 37%)

RGBA

rgba(0, 160, 148, 1)

HSLA

hsla(176, 100%, 31%, 1)

Android / Flutter

Color(0xFF00A094)

Swift / UIColor

UIColor(r:0.00 g:0.63 b:0.58)

Hex 0x

0x00A094

WCAG 2.1 Accessibility Contrast

White text

3.25:1

FailAA Large

Black text

6.46:1

AAAA Large

WCAG AA requires ≥4.5:1 for normal text, ≥3:1 for large text. AAA requires ≥7:1.

Check against custom color

Sample text 21:1

Mix with another color

Blend 50%

Blend spectrum (base → mix)

Copy code snippets

CSS Variables

/* Alhambra Color Hex Code */
--color-primary: #00a094;
--color-primary-rgb: 0, 160, 148;
--color-primary-hsl: 176 100% 31%;
--color-primary-text: #1a1a2e;

Tailwind Config

// tailwind.config.js
colors: {
  'alhambra-color-hex-code': {
    DEFAULT: '#00a094',
    100: '#ffffff',
    200: '#d8fffc',
    300: '#b1fffa',
    400: '#8afff7',
    500: '#63fff5',
    600: '#008e84',
    700: '#007c73',
    800: '#006b63',
    900: '#005952',
    950: '#004742',
  }
}

SCSS Map

$alhambra-color-hex-code: (
  'base': #00a094,
  'light': #b1fffa,
  'dark': #007c73,
  'rgb': 0, 160, 148
);

Badge Outline Badge

Alhambra Color Hex Code

#00a094

A beautiful color used in modern design systems. Click to copy the hex code and use it in your projects.

Heading H1

Heading H2

Regular body text with a colored link inside. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Caption text or muted secondary copy. Used for descriptions and supplemental information.

Highlighted blockquote text using this color as an accent.

Email address

Select option

I agree to terms

How this color appears to people with different types of color vision deficiency.

Normal — #00a094

Deuteranopia — #3c3094

Protanopia — #454794

Tritanopia — #009f99

Achromatopsia — #6f6f6f

Alhambra Color Hex Code Color Palettes

#000504

#03544b

#006b64

#00998f

#07c5af

#007b80

#009483

#00cad1

#00d6bd

#00f5c8

#047b7b

#11837d

#149aa3

#14e1c6

#13ecc1

#025988

#005cad

#0b7dfe

#24abff

#39bcf9

#00ad51

#06b142

#05ff8a

#05ff50

#2bfd6d

#008a7c

#00b39b

#00d3d6

#05ffe6

#29ffd8

#139588

#269ba1

#2edcdc

#1ce3bb

#6adccd

#005d6b

#005980

#0083b3

#0098c2

#00bbfa

#003d24

#006b54

#00b887

#00bd97

#00ff95

Alhambra Color Hex Code Shades

#00a094

#008e84

#007c73

#006b63

#005952

#004742

#003531

#002421

#001210

#000000

Alhambra Color Hex Code Tints

#009e94

#00c5b8

#00ecdd

#14ffef

#3cfff2

#63fff5

#8afff7

#b1fffa

#d8fffc

#ffffff

Alhambra Color Hex Code Tones

#009e94

#09958c

#128d84

#1a847d

#237b75

#2c726d

#356966

#3d615e

#465857

#4f4f4f

Alhambra Color Hex Code Gradients

Light fade linear-gradient(135deg, #00a094, #d8fffc)...

Dark fade linear-gradient(135deg, #00a094, #008e84)...

Complementary linear-gradient(135deg, #00a094, #9e000b)...

Triadic linear-gradient(135deg, #00a094, #94009e, #9e9400) ...

Saturation burst linear-gradient(135deg, #3f5f5d, #009e94) ...

Alhambra Color Hex Code Related Colors

Copied!

Heading H1

Heading H2

Alhambra Color Hex Code Color Palettes

Alhambra Color Hex Code Shades

Alhambra Color Hex Code Tints

Alhambra Color Hex Code Tones

Alhambra Color Hex Code Gradients

Alhambra Color Hex Code Related Colors

Sign In

Register