Nazwany kolor · #00BBAA
Verditer
Verditer to #00BBAA: rgb(0 187 170), hsl(175 100% 37%), oklch(0.711 0.126 183.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Verditer color name →
#00BBAA
oklch(0.711 0.126 183.5)
Konwersje koloru
- HEX
- #00bbaa
- RGB
- rgb(0 187 170)
- HSL
- hsl(175 100% 37%)
- HWB
- hwb(175 0% 27%)
- OKLCH
- oklch(0.711 0.126 183.5)
- OKLab
- oklab(0.711 -0.126 -0.008)
- CIE Lab
- lab(68.07 -44 -3.2)
- LCH
- lch(68.07 44.11 184.2)
- CMYK
- cmyk(100% 0% 9% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 40C2B2
- 5FC9BA
- 77D0C3
- 8DD7CB
- A1DED4
- B5E4DC
- C8EBE5
- DAF2EE
- EDF8F6
Odcienie ciemniejsze
- 00A293
- 008A7D
- 007368
- 005C53
- 00463F
- 00322D
- 001F1B
- 000D0B
- 000201
Tony
- 2EB5A6
- 42AFA1
- 4FAA9D
- 5AA499
- 639E95
- 6B9891
- 71928C
- 778C88
- 7C8684
Harmonie kolorów
Komplementarna +180°
- 00BBAA
Verditer
- E27E99
≈ Frosty Berry
Analogowa -30° +30°
- 00BBAA
Verditer
- 5BB97C
≈ Heart Chakra
- 00B5D1
≈ Aquarius
Triada +120° +240°
- 00BBAA
Verditer
- B38DE2
≈ Dreamy Candy Forest
- D98F45
≈ Suede Vest
Komplementarna rozszczepiona +150° +210°
- 00BBAA
Verditer
- D183C3
≈ Pink Punk
- E5836D
≈ Peach Posey
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.41:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.68:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.68:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--verditer: #00bbaa;
--verditer-rgb: 0 187 170;
--verditer-oklch: oklch(0.711 0.126 183.5);
}
.element {
color: var(--verditer);
background-color: hsl(175 100% 37%);
border-color: oklch(0.711 0.126 183.5);
}Tailwind CSS v4
@theme {
--color-verditer: #00bbaa;
--color-verditer-50: #cdfffa;
--color-verditer-100: #b8f6ee;
--color-verditer-200: #94e6dc;
--color-verditer-300: #61ccc0;
--color-verditer-400: #1bb6a6;
--color-verditer-500: #00a08f;
--color-verditer-600: #008779;
--color-verditer-700: #006c61;
--color-verditer-800: #005045;
--color-verditer-900: #003830;
--color-verditer-950: #00221c;
}SCSS
$verditer: #00bbaa;
$verditer-rgb: 0, 187, 170;
$verditer-light: mix(#fff, $verditer, 20%);
$verditer-dark: mix(#000, $verditer, 20%);
.element {
color: $verditer;
box-shadow: 0 0 0 2px rgba($verditer, 0.35);
}