Nazwany kolor · #11CCBB
Exquisite Turquoise
Exquisite Turquoise to #11CCBB: rgb(17 204 187), hsl(175 85% 43%), oklch(0.76 0.133 184.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Exquisite Turquoise color name →
#11CCBB
oklch(0.76 0.133 184.2)
Konwersje koloru
- HEX
- #11ccbb
- RGB
- rgb(17 204 187)
- HSL
- hsl(175 85% 43%)
- HWB
- hwb(175 7% 20%)
- OKLCH
- oklch(0.76 0.133 184.2)
- OKLab
- oklab(0.76 -0.132 -0.01)
- CIE Lab
- lab(73.82 -46.07 -4.01)
- LCH
- lch(73.82 46.25 185)
- CMYK
- cmyk(92% 0% 8% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 47D1C2
- 65D7C8
- 7DDCCF
- 92E1D6
- A6E6DD
- B9ECE3
- CBF0EA
- DDF5F1
- EEFAF8
Odcienie ciemniejsze
- 0DB1A2
- 09978A
- 067E73
- 04655C
- 024E46
- 013732
- 00221F
- 000F0D
- 000202
Tony
- 36C4B5
- 48BDAF
- 55B5A9
- 5FAEA3
- 67A69D
- 6E9E97
- 749791
- 798F8B
- 7D8886
Harmonie kolorów
Komplementarna +180°
- 11CCBB
Exquisite Turquoise
- F78BA7
≈ Bunny Fluff
Analogowa -30° +30°
- 11CCBB
Exquisite Turquoise
- 64CA8A
≈ Van Gogh Green
- 0BC6E5
≈ Caribbean Blue
Triada +120° +240°
- 11CCBB
Exquisite Turquoise
- C49BF5
≈ Baby Purple
- EB9E4E
≈ Sunflower Field
Komplementarna rozszczepiona +150° +210°
- 11CCBB
Exquisite Turquoise
- E490D4
≈ Love Dust
- F99077
≈ Kissable
Tetrada +90° +180° +270°
- 11CCBB
Exquisite Turquoise
- 99ABFF
≈ Widowmaker
- F78BA7
≈ Bunny Fluff
- CDAF3F
≈ Sugar Leaves
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.02:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.37:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.37:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--exquisite-turquoise: #11ccbb;
--exquisite-turquoise-rgb: 17 204 187;
--exquisite-turquoise-oklch: oklch(0.76 0.133 184.2);
}
.element {
color: var(--exquisite-turquoise);
background-color: hsl(175 85% 43%);
border-color: oklch(0.76 0.133 184.2);
}Tailwind CSS v4
@theme {
--color-exquisite-turquoise: #11ccbb;
--color-exquisite-turquoise-50: #cbfffb;
--color-exquisite-turquoise-100: #b6f7ef;
--color-exquisite-turquoise-200: #8fe7dd;
--color-exquisite-turquoise-300: #59cdc2;
--color-exquisite-turquoise-400: #00b7a8;
--color-exquisite-turquoise-500: #00a190;
--color-exquisite-turquoise-600: #00887a;
--color-exquisite-turquoise-700: #006d62;
--color-exquisite-turquoise-800: #005146;
--color-exquisite-turquoise-900: #003830;
--color-exquisite-turquoise-950: #00221d;
}SCSS
$exquisite-turquoise: #11ccbb;
$exquisite-turquoise-rgb: 17, 204, 187;
$exquisite-turquoise-light: mix(#fff, $exquisite-turquoise, 20%);
$exquisite-turquoise-dark: mix(#000, $exquisite-turquoise, 20%);
.element {
color: $exquisite-turquoise;
box-shadow: 0 0 0 2px rgba($exquisite-turquoise, 0.35);
}