Nazwany kolor · #006665
Barbados Bay
Barbados Bay to #006665: rgb(0 102 101), hsl(179 100% 20%), oklch(0.462 0.079 193.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Barbados Bay color name →
#006665
oklch(0.462 0.079 193.6)
Konwersje koloru
- HEX
- #006665
- RGB
- rgb(0 102 101)
- HSL
- hsl(179 100% 20%)
- HWB
- hwb(179 0% 60%)
- OKLCH
- oklch(0.462 0.079 193.6)
- OKLab
- oklab(0.462 -0.077 -0.019)
- CIE Lab
- lab(38.4 -26.11 -7.07)
- LCH
- lch(38.4 27.05 195.1)
- CMYK
- cmyk(100% 0% 1% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2C7473
- 468382
- 5E9291
- 75A1A0
- 8CB0AF
- A2C0BE
- B9CFCE
- D0DFDE
- E8EFEF
Odcienie ciemniejsze
- 005857
- 004A49
- 003C3C
- 002F2F
- 002322
- 001717
- 000C0C
- 000403
- 000000
Tony
- 1E6968
- 2E6C6A
- 3B6E6D
- 467170
- 517472
- 5B7675
- 657978
- 6E7B7B
- 777E7D
Harmonie kolorów
Komplementarna +180°
- 006665
Barbados Bay
- 7E454B
≈ Dark Strawberry
Analogowa -30° +30°
- 006665
Barbados Bay
- 26664C
≈ Brunswick
- 156279
≈ Jamaican Dream
Triada +120° +240°
- 006665
Barbados Bay
- 684B78
≈ Benevolence
- 735120
≈ Trojan Horse Brown
Komplementarna rozszczepiona +150° +210°
- 006665
Barbados Bay
- 774664
≈ Scintillating Violet
- 7D4933
≈ Witch Wood
Tetrada +90° +180° +270°
- 006665
Barbados Bay
- 535283
≈ Tangent Periwinkle
- 7E454B
≈ Dark Strawberry
- 605A20
≈ Costa Del Sol
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.79:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.08:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.79:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--barbados-bay: #006665;
--barbados-bay-rgb: 0 102 101;
--barbados-bay-oklch: oklch(0.462 0.079 193.6);
}
.element {
color: var(--barbados-bay);
background-color: hsl(179 100% 20%);
border-color: oklch(0.462 0.079 193.6);
}Tailwind CSS v4
@theme {
--color-barbados-bay: #006665;
--color-barbados-bay-50: #dcfdfc;
--color-barbados-bay-100: #cbf1f0;
--color-barbados-bay-200: #aedfdf;
--color-barbados-bay-300: #87c4c4;
--color-barbados-bay-400: #62adac;
--color-barbados-bay-500: #399795;
--color-barbados-bay-600: #327f7e;
--color-barbados-bay-700: #286665;
--color-barbados-bay-800: #1b4b49;
--color-barbados-bay-900: #123433;
--color-barbados-bay-950: #041f1e;
}SCSS
$barbados-bay: #006665;
$barbados-bay-rgb: 0, 102, 101;
$barbados-bay-light: mix(#fff, $barbados-bay, 20%);
$barbados-bay-dark: mix(#000, $barbados-bay, 20%);
.element {
color: $barbados-bay;
box-shadow: 0 0 0 2px rgba($barbados-bay, 0.35);
}