En yakın adlandırılmış renk · #00C2EB
#00C2EB
En yakın adlandırılmış renk: Blue Bikini
#00C2EB (rgb(0 194 235), hsl(190 100% 46%), oklch(0.753 0.137 220.3)) en çok Blue Bikini 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.
#00C2EB
oklch(0.753 0.137 220.3)
Renk dönüşümleri
- HEX
- #00c2eb
- RGB
- rgb(0 194 235)
- HSL
- hsl(190 100% 46%)
- HWB
- hwb(190 0% 8%)
- OKLCH
- oklch(0.753 0.137 220.3)
- OKLab
- oklab(0.753 -0.105 -0.089)
- CIE Lab
- lab(72.03 -30.91 -32.51)
- LCH
- lch(72.03 44.87 226.4)
- CMYK
- cmyk(100% 17% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 43C9ED
- 61CFF0
- 7AD5F2
- 8FDCF4
- A4E2F6
- B7E8F8
- C9EEFA
- DCF4FC
- EDF9FD
Koyu tonlar
- 00A8CC
- 008FAE
- 007791
- 006075
- 00495B
- 003441
- 002029
- 000E13
- 000203
Gri tonlar
- 30BCE0
- 44B5D5
- 52AFCA
- 5CA8C0
- 65A1B5
- 6C9BAA
- 7294A0
- 788E95
- 7C878A
Renk uyumları
Tamamlayıcı +180°
- 00C2EB
Blue Bikini
- F88F69
≈ Salmon Nigiri
Analog -30° +30°
- 00C2EB
Blue Bikini
- 00C9C2
≈ Swimmers Pool
- 6AB4FF
≈ Tiān Lán Sky
Üçlü +120° +240°
- 00C2EB
Blue Bikini
- E88BCA
≈ Blushed Bombshell
- C3B038
≈ Pesto
Bölünmüş tamamlayıcı +150° +210°
- 00C2EB
Blue Bikini
- F8889A
≈ Strawberry Soap
- E69E3F
≈ Culpeo
Dörtlü +90° +180° +270°
- 00C2EB
Blue Bikini
- CA95EF
≈ Dream Vapour
- F88F69
≈ Salmon Nigiri
- 91C05E
≈ Cabbage Patch
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.11:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 9.91:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--blue-bikini: #00c2eb;
--blue-bikini-rgb: 0 194 235;
--blue-bikini-oklch: oklch(0.753 0.137 220.3);
}
.element {
color: var(--blue-bikini);
background-color: hsl(190 100% 46%);
border-color: oklch(0.753 0.137 220.3);
}Tailwind CSS v4
@theme {
--color-blue-bikini: #00c2eb;
--color-blue-bikini-50: #cbffff;
--color-blue-bikini-100: #b6f3ff;
--color-blue-bikini-200: #90e2ff;
--color-blue-bikini-300: #5bc7ea;
--color-blue-bikini-400: #00b0d6;
--color-blue-bikini-500: #0099c5;
--color-blue-bikini-600: #0081a6;
--color-blue-bikini-700: #006785;
--color-blue-bikini-800: #004c62;
--color-blue-bikini-900: #003545;
--color-blue-bikini-950: #00202c;
}SCSS
$blue-bikini: #00c2eb;
$blue-bikini-rgb: 0, 194, 235;
$blue-bikini-light: mix(#fff, $blue-bikini, 20%);
$blue-bikini-dark: mix(#000, $blue-bikini, 20%);
.element {
color: $blue-bikini;
box-shadow: 0 0 0 2px rgba($blue-bikini, 0.35);
}