Najbliższy nazwany kolor · #008489
#008489
Najbliższy nazwany kolor: Turkish Jade
#008489 (rgb(0 132 137), hsl(182 100% 27%), oklch(0.557 0.095 199.5)) jest najbliższy nazwanemu kolorowi Turkish Jade. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#008489
oklch(0.557 0.095 199.5)
Konwersje koloru
- HEX
- #008489
- RGB
- rgb(0 132 137)
- HSL
- hsl(182 100% 27%)
- HWB
- hwb(182 0% 46%)
- OKLCH
- oklch(0.557 0.095 199.5)
- OKLab
- oklab(0.557 -0.089 -0.032)
- CIE Lab
- lab(49.57 -29.79 -11.87)
- LCH
- lch(49.57 32.07 201.7)
- CMYK
- cmyk(100% 4% 0% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 349094
- 509CA0
- 68A8AB
- 7EB4B7
- 94C1C3
- A9CDCE
- BFD9DA
- D4E6E7
- E9F2F3
Odcienie ciemniejsze
- 007276
- 006064
- 004F53
- 003F42
- 002F31
- 002022
- 001214
- 000607
- 000101
Tony
- 248488
- 368487
- 438386
- 4E8386
- 588385
- 618284
- 698283
- 718182
- 798181
Harmonie kolorów
Komplementarna +180°
- 008489
Turkish Jade
- A45C5D
≈ Cheek Red
Analogowa -30° +30°
- 008489
Turkish Jade
- 2B856B
≈ Dream Green
- 297EA0
≈ Summer Blue
Triada +120° +240°
- 008489
Turkish Jade
- 8C6197
≈ Aster Violetta
- 916D2A
≈ Dirt Yellow
Komplementarna rozszczepiona +150° +210°
- 008489
Turkish Jade
- 9D5C7C
≈ Rose Wine
- A0623F
≈ Wet Adobe
Tetrada +90° +180° +270°
- 008489
Turkish Jade
- 726AA8
≈ Wintertime Mauve
- A45C5D
≈ Cheek Red
- 787830
≈ Ripe Green
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.50:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.66:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--turkish-jade: #008489;
--turkish-jade-rgb: 0 132 137;
--turkish-jade-oklch: oklch(0.557 0.095 199.5);
}
.element {
color: var(--turkish-jade);
background-color: hsl(182 100% 27%);
border-color: oklch(0.557 0.095 199.5);
}Tailwind CSS v4
@theme {
--color-turkish-jade: #008489;
--color-turkish-jade-50: #d7feff;
--color-turkish-jade-100: #c4f2f5;
--color-turkish-jade-200: #a4e1e5;
--color-turkish-jade-300: #7ac6cc;
--color-turkish-jade-400: #50afb4;
--color-turkish-jade-500: #08999e;
--color-turkish-jade-600: #128186;
--color-turkish-jade-700: #10676b;
--color-turkish-jade-800: #084c4e;
--color-turkish-jade-900: #063536;
--color-turkish-jade-950: #002021;
}SCSS
$turkish-jade: #008489;
$turkish-jade-rgb: 0, 132, 137;
$turkish-jade-light: mix(#fff, $turkish-jade, 20%);
$turkish-jade-dark: mix(#000, $turkish-jade, 20%);
.element {
color: $turkish-jade;
box-shadow: 0 0 0 2px rgba($turkish-jade, 0.35);
}