En yakın adlandırılmış renk · #6FB8C9
#6FB8C9
En yakın adlandırılmış renk: High Dive
#6FB8C9 (rgb(111 184 201), hsl(191 45% 61%), oklch(0.741 0.077 214.3)) en çok High Dive 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.
#6FB8C9
oklch(0.741 0.077 214.3)
Renk dönüşümleri
- HEX
- #6fb8c9
- RGB
- rgb(111 184 201)
- HSL
- hsl(191 45% 61%)
- HWB
- hwb(191 44% 21%)
- OKLCH
- oklch(0.741 0.077 214.3)
- OKLab
- oklab(0.741 -0.063 -0.043)
- CIE Lab
- lab(70.48 -20.41 -16.19)
- LCH
- lch(70.48 26.05 218.4)
- CMYK
- cmyk(45% 8% 0% 21%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7FBFCE
- 8EC6D4
- 9CCDD9
- ABD4DF
- B9DBE4
- C7E3E9
- D5EAEF
- E3F1F4
- F1F8FA
Koyu tonlar
- 60A0AE
- 518895
- 42717C
- 345B64
- 27454C
- 1A3136
- 0E1E22
- 040C0F
- 010202
Gri tonlar
- 72B2C2
- 75ADBA
- 77A7B3
- 79A2AB
- 7B9CA4
- 7C969D
- 7E9195
- 7F8B8E
- 7F8687
Renk uyumları
Tamamlayıcı +180°
- 6FB8C9
High Dive
- D79A8B
≈ Nectarine Spice
Analog -30° +30°
- 6FB8C9
High Dive
- 70BBB1
≈ Earth Eclipse
- 81B1D9
≈ Boo Blue
Üçlü +120° +240°
- 6FB8C9
High Dive
- CA99BF
≈ Peach Buff
- BBAB73
≈ Heavy Goldbrown
Bölünmüş tamamlayıcı +150° +210°
- 6FB8C9
High Dive
- D597A5
≈ Parrot Pink
- CEA178
≈ Kenya
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.23:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.37:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.37:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--high-dive: #6fb8c9;
--high-dive-rgb: 111 184 201;
--high-dive-oklch: oklch(0.741 0.077 214.3);
}
.element {
color: var(--high-dive);
background-color: hsl(191 45% 61%);
border-color: oklch(0.741 0.077 214.3);
}Tailwind CSS v4
@theme {
--color-high-dive: #6fb8c9;
--color-high-dive-50: #defbff;
--color-high-dive-100: #cceff9;
--color-high-dive-200: #b0dde9;
--color-high-dive-300: #8ac2d1;
--color-high-dive-400: #66aaba;
--color-high-dive-500: #3f93a5;
--color-high-dive-600: #377d8c;
--color-high-dive-700: #2c6470;
--color-high-dive-800: #1e4952;
--color-high-dive-900: #133339;
--color-high-dive-950: #051f23;
}SCSS
$high-dive: #6fb8c9;
$high-dive-rgb: 111, 184, 201;
$high-dive-light: mix(#fff, $high-dive, 20%);
$high-dive-dark: mix(#000, $high-dive, 20%);
.element {
color: $high-dive;
box-shadow: 0 0 0 2px rgba($high-dive, 0.35);
}