En yakın adlandırılmış renk · #008DB3
#008DB3
En yakın adlandırılmış renk: Corfu Waters
#008DB3 (rgb(0 141 179), hsl(193 100% 35%), oklch(0.599 0.114 225.4)) en çok Corfu Waters 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.
#008DB3
oklch(0.599 0.114 225.4)
Renk dönüşümleri
- HEX
- #008db3
- RGB
- rgb(0 141 179)
- HSL
- hsl(193 100% 35%)
- HWB
- hwb(193 0% 30%)
- OKLCH
- oklch(0.599 0.114 225.4)
- OKLab
- oklab(0.599 -0.08 -0.081)
- CIE Lab
- lab(53.84 -22.3 -29.53)
- LCH
- lch(53.84 37.01 232.9)
- CMYK
- cmyk(100% 21% 0% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3698BB
- 53A4C3
- 6BAFCA
- 81BBD2
- 97C6DA
- ACD1E1
- C1DDE9
- D5E8F0
- EAF4F8
Koyu tonlar
- 007A9B
- 006784
- 00556E
- 004458
- 003343
- 00232F
- 00141D
- 00070C
- 000101
Gri tonlar
- 268CAE
- 388BA9
- 458AA4
- 50899F
- 5A889A
- 638695
- 6B8590
- 72838B
- 798285
Renk uyumları
Tamamlayıcı +180°
- 008DB3
Corfu Waters
- B76842
≈ Pumpkin Drizzle
Analog -30° +30°
- 008DB3
Corfu Waters
- 009293
≈ Lido Deck
- 4F82C3
≈ Sea Note
Üçlü +120° +240°
- 008DB3
Corfu Waters
- AF628F
≈ Exotic Bloom
- 8A8323
≈ Fickle Pickle
Bölünmüş tamamlayıcı +150° +210°
- 008DB3
Corfu Waters
- BA6169
≈ Her Velour
- A77521
≈ Hot Toddy
Dörtlü +90° +180° +270°
- 008DB3
Corfu Waters
- 9A6AAE
≈ Crown Jewels
- B76842
≈ Pumpkin Drizzle
- 618F47
≈ Makrut Lime
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.84:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.46:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.46:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--corfu-waters: #008db3;
--corfu-waters-rgb: 0 141 179;
--corfu-waters-oklch: oklch(0.599 0.114 225.4);
}
.element {
color: var(--corfu-waters);
background-color: hsl(193 100% 35%);
border-color: oklch(0.599 0.114 225.4);
}Tailwind CSS v4
@theme {
--color-corfu-waters: #008db3;
--color-corfu-waters-50: #d4fdff;
--color-corfu-waters-100: #c1f0ff;
--color-corfu-waters-200: #a0dffb;
--color-corfu-waters-300: #75c3e5;
--color-corfu-waters-400: #45acd1;
--color-corfu-waters-500: #0094bf;
--color-corfu-waters-600: #007ea1;
--color-corfu-waters-700: #006581;
--color-corfu-waters-800: #004a5f;
--color-corfu-waters-900: #003443;
--color-corfu-waters-950: #001f2b;
}SCSS
$corfu-waters: #008db3;
$corfu-waters-rgb: 0, 141, 179;
$corfu-waters-light: mix(#fff, $corfu-waters, 20%);
$corfu-waters-dark: mix(#000, $corfu-waters, 20%);
.element {
color: $corfu-waters;
box-shadow: 0 0 0 2px rgba($corfu-waters, 0.35);
}