En yakın adlandırılmış renk · #347088
#347088
En yakın adlandırılmış renk: Calypso
#347088 (rgb(52 112 136), hsl(197 45% 37%), oklch(0.516 0.073 227)) en çok Calypso 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.
#347088
oklch(0.516 0.073 227)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 497E94
- 5E8B9F
- 7199AB
- 85A7B7
- 99B6C2
- ADC4CE
- C1D3DA
- D6E1E7
- EAF0F3
Koyu tonlar
- 2C6075
- 245163
- 1C4352
- 153541
- 0E2731
- 071A22
- 030E13
- 010406
- 000101
Gri tonlar
- 3E7287
- 467487
- 4E7586
- 567785
- 5E7985
- 657A84
- 6C7C83
- 737D82
- 797F81
Renk uyumları
Tamamlayıcı +180°
- 347088
Calypso
- 8A5A43
≈ Hope Chest
Analog -30° +30°
- 347088
Calypso
- 297476
≈ Poseidon’s Castle
- 4C6991
≈ Blue Odyssey
Üçlü +120° +240°
- 347088
Calypso
- 865670
≈ Merlin’s Cloak
- 6C6B37
≈ Robinhood
Bölünmüş tamamlayıcı +150° +210°
- 347088
Calypso
- 8D5659
≈ Maroon Rover
- 7F6235
≈ Autumn Gold
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.49:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.81:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.49:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
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);
}