En yakın adlandırılmış renk · #00899E
#00899E
En yakın adlandırılmış renk: Waikiki
#00899E (rgb(0 137 158), hsl(188 100% 31%), oklch(0.579 0.101 213.4)) en çok Waikiki adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#00899E
oklch(0.579 0.101 213.4)
Renk dönüşümleri
- HEX
- #00899e
- RGB
- rgb(0 137 158)
- HSL
- hsl(188 100% 31%)
- HWB
- hwb(188 0% 38%)
- OKLCH
- oklch(0.579 0.101 213.4)
- OKLab
- oklab(0.579 -0.085 -0.056)
- CIE Lab
- lab(51.84 -26.39 -20.58)
- LCH
- lch(51.84 33.46 218)
- CMYK
- cmyk(100% 13% 0% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3595A8
- 51A0B1
- 69ACBB
- 80B8C4
- 95C3CE
- ABCFD8
- C0DBE2
- D5E7EB
- EAF3F5
Koyu tonlar
- 007689
- 006474
- 005360
- 00424D
- 00313A
- 002229
- 001418
- 000709
- 000101
Gri tonlar
- 25889B
- 378898
- 448795
- 4F8692
- 59858F
- 62848C
- 6A8389
- 728286
- 798183
Renk uyumları
Tamamlayıcı +180°
- 00899E
Waikiki
- AE6252
≈ Clay Figure
Analog -30° +30°
- 00899E
Waikiki
- 088D80
≈ Porcelain Green
- 3E80B1
≈ Steel Blue
Üçlü +120° +240°
- 00899E
Waikiki
- 9E6293
≈ Thimble Red
- 8E7828
≈ Aubergine Green
Bölünmüş tamamlayıcı +150° +210°
- 00899E
Waikiki
- AB5F74
≈ Daah-Ling
- A46C33
≈ Eagle
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.14:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.07:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.07:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--waikiki: #00899e;
--waikiki-rgb: 0 137 158;
--waikiki-oklch: oklch(0.579 0.101 213.4);
}
.element {
color: var(--waikiki);
background-color: hsl(188 100% 31%);
border-color: oklch(0.579 0.101 213.4);
}Tailwind CSS v4
@theme {
--color-waikiki: #00899e;
--color-waikiki-50: #d5fdff;
--color-waikiki-100: #c2f1fd;
--color-waikiki-200: #a2e0f0;
--color-waikiki-300: #77c5d8;
--color-waikiki-400: #4aaec2;
--color-waikiki-500: #0097ae;
--color-waikiki-600: #008093;
--color-waikiki-700: #056676;
--color-waikiki-800: #004b56;
--color-waikiki-900: #02343c;
--color-waikiki-950: #002026;
}SCSS
$waikiki: #00899e;
$waikiki-rgb: 0, 137, 158;
$waikiki-light: mix(#fff, $waikiki, 20%);
$waikiki-dark: mix(#000, $waikiki, 20%);
.element {
color: $waikiki;
box-shadow: 0 0 0 2px rgba($waikiki, 0.35);
}