Warna bernama terdekat · #669EC5
#669EC5
Warna bernama terdekat: Sub-Zero
#669EC5 (rgb(102 158 197), hsl(205 45% 59%), oklch(0.676 0.083 240)) paling mendekati warna bernama Sub-Zero. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#669EC5
oklch(0.676 0.083 240)
Konversi warna
- HEX
- #669ec5
- RGB
- rgb(102 158 197)
- HSL
- hsl(205 45% 59%)
- HWB
- hwb(205 40% 23%)
- OKLCH
- oklch(0.676 0.083 240)
- OKLab
- oklab(0.676 -0.041 -0.072)
- CIE Lab
- lab(62.38 -10.95 -26.27)
- LCH
- lch(62.38 28.46 247.4)
- CMYK
- cmyk(48% 20% 0% 23%)
Tint · Shade · Tone
Tint
- 76A8CB
- 85B1D1
- 94BBD7
- A3C4DD
- B2CEE3
- C2D8E8
- D1E2EE
- E0EBF4
- F0F5F9
Shade
- 5889AB
- 4A7492
- 3C6079
- 2F4D61
- 233A4B
- 172935
- 0C1821
- 04090E
- 000102
Tone
- 6A9BBE
- 6D98B7
- 7095B0
- 7392A9
- 758FA2
- 788C9C
- 7A8995
- 7C868E
- 7E8387
Harmoni warna
Komplementer +180°
- 669EC5
Sub-Zero
- BD8B62
≈ Tatami Tan
Analog -30° +30°
- 669EC5
Sub-Zero
- 52A5B3
≈ Freshwater
- 8395CB
≈ Purple Gentian
Triadik +120° +240°
- 669EC5
Sub-Zero
- C28195
≈ Strawberry Jubilee
- 909F64
≈ Buckingham Gardens
Split-komplementer +150° +210°
- 669EC5
Sub-Zero
- C58479
≈ Luscious Lobster
- AB9559
≈ Mossy Rock
Tetradik +90° +180° +270°
- 669EC5
Sub-Zero
- B485AF
≈ Drama Violet
- BD8B62
≈ Tatami Tan
- 71A67C
≈ Primavera
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.89:1 · APCA Lc 55
Ag
AAADi atas hitam
WCAG 7.26:1 · APCA Lc 47
Warna teks terbaik: #000000
WCAG 7.26:1 (AAA) · APCA Lc 47
Contrast pairs
Cuplikan kode
CSS
:root {
--sub-zero: #669ec5;
--sub-zero-rgb: 102 158 197;
--sub-zero-oklch: oklch(0.676 0.083 240);
}
.element {
color: var(--sub-zero);
background-color: hsl(205 45% 59%);
border-color: oklch(0.676 0.083 240);
}Tailwind CSS v4
@theme {
--color-sub-zero: #669ec5;
--color-sub-zero-50: #e1f9ff;
--color-sub-zero-100: #d1ecff;
--color-sub-zero-200: #b6d9f5;
--color-sub-zero-300: #92bddf;
--color-sub-zero-400: #70a5cb;
--color-sub-zero-500: #4f8db7;
--color-sub-zero-600: #44789b;
--color-sub-zero-700: #36607c;
--color-sub-zero-800: #25465c;
--color-sub-zero-900: #183140;
--color-sub-zero-950: #091d29;
}SCSS
$sub-zero: #669ec5;
$sub-zero-rgb: 102, 158, 197;
$sub-zero-light: mix(#fff, $sub-zero, 20%);
$sub-zero-dark: mix(#000, $sub-zero, 20%);
.element {
color: $sub-zero;
box-shadow: 0 0 0 2px rgba($sub-zero, 0.35);
}