Warna bernama terdekat · #347088
#347088
Warna bernama terdekat: Calypso
#347088 (rgb(52 112 136), hsl(197 45% 37%), oklch(0.516 0.073 227)) paling mendekati warna bernama Calypso. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#347088
oklch(0.516 0.073 227)
Konversi warna
- HEX
- #347088
- RGB
- rgb(52 112 136)
- HSL
- hsl(197 45% 37%)
- HWB
- hwb(197 20% 47%)
- OKLCH
- oklch(0.516 0.073 227)
- OKLab
- oklab(0.516 -0.05 -0.053)
- CIE Lab
- lab(44.05 -14.44 -19.49)
- LCH
- lch(44.05 24.25 233.5)
- CMYK
- cmyk(62% 18% 0% 47%)
Tint · Shade · Tone
Tint
- 497E94
- 5E8B9F
- 7199AB
- 85A7B7
- 99B6C2
- ADC4CE
- C1D3DA
- D6E1E7
- EAF0F3
Shade
- 2C6075
- 245163
- 1C4352
- 153541
- 0E2731
- 071A22
- 030E13
- 010406
- 000101
Tone
- 3E7287
- 467487
- 4E7586
- 567785
- 5E7985
- 657A84
- 6C7C83
- 737D82
- 797F81
Harmoni warna
Komplementer +180°
- 347088
Calypso
- 8A5A43
≈ Hope Chest
Analog -30° +30°
- 347088
Calypso
- 297476
≈ Poseidon’s Castle
- 4C6991
≈ Blue Odyssey
Triadik +120° +240°
- 347088
Calypso
- 865670
≈ Merlin’s Cloak
- 6C6B37
≈ Robinhood
Split-komplementer +150° +210°
- 347088
Calypso
- 8D5659
≈ Maroon Rover
- 7F6235
≈ Autumn Gold
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 5.49:1 · APCA Lc 77
Ag
FailDi atas hitam
WCAG 3.81:1 · APCA Lc 24
Warna teks terbaik: #FFFFFF
WCAG 5.49:1 (AA) · APCA Lc 77
Contrast pairs
Cuplikan kode
CSS
:root {
--calypso: #347088;
--calypso-rgb: 52 112 136;
--calypso-oklch: oklch(0.516 0.073 227);
}
.element {
color: var(--calypso);
background-color: hsl(197 45% 37%);
border-color: oklch(0.516 0.073 227);
}Tailwind CSS v4
@theme {
--color-calypso: #347088;
--color-calypso-50: #e1faff;
--color-calypso-100: #d0edfc;
--color-calypso-200: #b5dbed;
--color-calypso-300: #91bfd5;
--color-calypso-400: #6fa8c0;
--color-calypso-500: #4d90ac;
--color-calypso-600: #427a91;
--color-calypso-700: #346174;
--color-calypso-800: #244855;
--color-calypso-900: #18323c;
--color-calypso-950: #081e25;
}SCSS
$calypso: #347088;
$calypso-rgb: 52, 112, 136;
$calypso-light: mix(#fff, $calypso, 20%);
$calypso-dark: mix(#000, $calypso, 20%);
.element {
color: $calypso;
box-shadow: 0 0 0 2px rgba($calypso, 0.35);
}