Nazwany kolor · #8CAEA3
Donnegal
Donnegal to #8CAEA3: rgb(140 174 163), hsl(161 17% 62%), oklch(0.722 0.04 173.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Donnegal color name →
#8CAEA3
oklch(0.722 0.04 173.4)
Konwersje koloru
- HEX
- #8caea3
- RGB
- rgb(140 174 163)
- HSL
- hsl(161 17% 62%)
- HWB
- hwb(161 55% 32%)
- OKLCH
- oklch(0.722 0.04 173.4)
- OKLab
- oklab(0.722 -0.04 0.005)
- CIE Lab
- lab(68.31 -13.76 1.63)
- LCH
- lch(68.31 13.86 173.2)
- CMYK
- cmyk(20% 0% 6% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 97B6AC
- A3BEB5
- AEC6BE
- B9CEC7
- C5D6D0
- D0DED9
- DCE6E3
- E7EEEC
- F3F7F5
Odcienie ciemniejsze
- 79978D
- 678078
- 556A63
- 43554F
- 33413C
- 232E2A
- 141C19
- 070B0A
- 010101
Tony
- 8BA99F
- 8AA59C
- 89A098
- 889B95
- 879791
- 85928E
- 848E8A
- 838987
- 818583
Harmonie kolorów
Komplementarna +180°
- 8CAEA3
Donnegal
- BB9BA7
≈ Pale Petticoat
Analogowa -30° +30°
- 8CAEA3
Donnegal
- 97AC95
≈ Green Amazons
- 88ADB1
≈ Bon Voyage
Triada +120° +240°
- 8CAEA3
Donnegal
- A6A1BD
≈ Royal Proclamation
- BA9F8E
≈ White Mouse
Komplementarna rozszczepiona +150° +210°
- 8CAEA3
Donnegal
- B29DB4
≈ Pastel Purple
- BE9C99
≈ Desert Lights
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.41:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.69:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.69:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--donnegal: #8caea3;
--donnegal-rgb: 140 174 163;
--donnegal-oklch: oklch(0.722 0.04 173.4);
}
.element {
color: var(--donnegal);
background-color: hsl(161 17% 62%);
border-color: oklch(0.722 0.04 173.4);
}Tailwind CSS v4
@theme {
--color-donnegal: #8caea3;
--color-donnegal-50: #eaf9f4;
--color-donnegal-100: #dbede7;
--color-donnegal-200: #c3dad3;
--color-donnegal-300: #a3bfb6;
--color-donnegal-400: #87a79c;
--color-donnegal-500: #6b8f84;
--color-donnegal-600: #5b7970;
--color-donnegal-700: #486159;
--color-donnegal-800: #344741;
--color-donnegal-900: #24312c;
--color-donnegal-950: #121d1a;
}SCSS
$donnegal: #8caea3;
$donnegal-rgb: 140, 174, 163;
$donnegal-light: mix(#fff, $donnegal, 20%);
$donnegal-dark: mix(#000, $donnegal, 20%);
.element {
color: $donnegal;
box-shadow: 0 0 0 2px rgba($donnegal, 0.35);
}