En yakın adlandırılmış renk · #67CBE0
#67CBE0
En yakın adlandırılmış renk: Skydive
#67CBE0 (rgb(103 203 224), hsl(190 66% 64%), oklch(0.79 0.098 213.2)) en çok Skydive 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.
#67CBE0
oklch(0.79 0.098 213.2)
Renk dönüşümleri
- HEX
- #67cbe0
- RGB
- rgb(103 203 224)
- HSL
- hsl(190 66% 64%)
- HWB
- hwb(190 40% 12%)
- OKLCH
- oklch(0.79 0.098 213.2)
- OKLab
- oklab(0.79 -0.082 -0.054)
- CIE Lab
- lab(76.28 -26.18 -19.95)
- LCH
- lch(76.28 32.92 217.3)
- CMYK
- cmyk(54% 9% 0% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 79D0E3
- 8AD6E6
- 9ADBEA
- A9E0ED
- B8E5F0
- C7EBF3
- D5F0F6
- E3F5F9
- F1FAFC
Koyu tonlar
- 59B0C3
- 4B96A6
- 3D7D8A
- 306570
- 234D56
- 17373E
- 0C2227
- 040F12
- 000202
Gri tonlar
- 6CC3D6
- 71BCCC
- 74B4C2
- 77ADB9
- 7AA5AF
- 7C9EA6
- 7D969C
- 7F8F93
- 7F8789
Renk uyumları
Tamamlayıcı +180°
- 67CBE0
Skydive
- F2A392
≈ Stone Fruit
Analog -30° +30°
- 67CBE0
Skydive
- 6ACFC0
≈ Dip in the Pool
- 82C2F5
≈ Maya Blue
Üçlü +120° +240°
- 67CBE0
Skydive
- E1A3D5
≈ Exotic Violet
- D0B96F
≈ Sweet Mustard
Bölünmüş tamamlayıcı +150° +210°
- 67CBE0
Skydive
- F0A0B4
≈ Emperor’s Children
- E7AD77
≈ Autumn Gourd
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.87:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.19:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.19:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--skydive: #67cbe0;
--skydive-rgb: 103 203 224;
--skydive-oklch: oklch(0.79 0.098 213.2);
}
.element {
color: var(--skydive);
background-color: hsl(190 66% 64%);
border-color: oklch(0.79 0.098 213.2);
}Tailwind CSS v4
@theme {
--color-skydive: #67cbe0;
--color-skydive-50: #d7fdff;
--color-skydive-100: #c4f1fd;
--color-skydive-200: #a4e0ef;
--color-skydive-300: #7ac5d7;
--color-skydive-400: #4faec1;
--color-skydive-500: #0696ad;
--color-skydive-600: #107f92;
--color-skydive-700: #0f6675;
--color-skydive-800: #064b56;
--color-skydive-900: #05343c;
--color-skydive-950: #001f26;
}SCSS
$skydive: #67cbe0;
$skydive-rgb: 103, 203, 224;
$skydive-light: mix(#fff, $skydive, 20%);
$skydive-dark: mix(#000, $skydive, 20%);
.element {
color: $skydive;
box-shadow: 0 0 0 2px rgba($skydive, 0.35);
}