En yakın adlandırılmış renk · #005D85
#005D85
En yakın adlandırılmış renk: Whale’s Tale
#005D85 (rgb(0 93 133), hsl(198 100% 26%), oklch(0.453 0.098 236.5)) en çok Whale’s Tale 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.
#005D85
oklch(0.453 0.098 236.5)
Renk dönüşümleri
- HEX
- #005d85
- RGB
- rgb(0 93 133)
- HSL
- hsl(198 100% 26%)
- HWB
- hwb(198 0% 48%)
- OKLCH
- oklch(0.453 0.098 236.5)
- OKLab
- oklab(0.453 -0.054 -0.082)
- CIE Lab
- lab(36.5 -12.17 -29.46)
- LCH
- lch(36.5 31.88 247.6)
- CMYK
- cmyk(100% 30% 0% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2A6C91
- 447C9D
- 5C8CA9
- 739CB6
- 8AACC2
- A1BCCE
- B8CDDA
- CFDDE6
- E7EEF3
Koyu tonlar
- 005073
- 004361
- 003750
- 002A40
- 001F30
- 001421
- 000A13
- 000306
- 000001
Gri tonlar
- 1C6185
- 2C6585
- 396884
- 446C84
- 4F6F84
- 597383
- 637683
- 6D7A82
- 777D81
Renk uyumları
Tamamlayıcı +180°
- 005D85
Whale’s Tale
- 7E4615
≈ Russet
Analog -30° +30°
- 005D85
Whale’s Tale
- 00626B
≈ Turkish Aqua
- 3D538C
≈ Demon Blue
Üçlü +120° +240°
- 005D85
Whale’s Tale
- 803C57
≈ Ancient Royal Banner
- 535C0C
≈ Greensboro
Bölünmüş tamamlayıcı +150° +210°
- 005D85
Whale’s Tale
- 843E38
≈ Kilauea Lava
- 6C5200
≈ Ayahuasca Vine
Dörtlü +90° +180° +270°
- 005D85
Whale’s Tale
- 724173
≈ Wood Violet
- 7E4615
≈ Russet
- 2C6433
≈ Gameboy Shade
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.23:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.90:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.23:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--whale-s-tale: #005d85;
--whale-s-tale-rgb: 0 93 133;
--whale-s-tale-oklch: oklch(0.453 0.098 236.5);
}
.element {
color: var(--whale-s-tale);
background-color: hsl(198 100% 26%);
border-color: oklch(0.453 0.098 236.5);
}Tailwind CSS v4
@theme {
--color-whale-s-tale: #005d85;
--color-whale-s-tale-50: #dcfaff;
--color-whale-s-tale-100: #cbedff;
--color-whale-s-tale-200: #aedbfa;
--color-whale-s-tale-300: #88bfe4;
--color-whale-s-tale-400: #62a7d1;
--color-whale-s-tale-500: #3a8fbe;
--color-whale-s-tale-600: #3379a1;
--color-whale-s-tale-700: #286181;
--color-whale-s-tale-800: #1a485f;
--color-whale-s-tale-900: #113243;
--color-whale-s-tale-950: #031d2b;
}SCSS
$whale-s-tale: #005d85;
$whale-s-tale-rgb: 0, 93, 133;
$whale-s-tale-light: mix(#fff, $whale-s-tale, 20%);
$whale-s-tale-dark: mix(#000, $whale-s-tale, 20%);
.element {
color: $whale-s-tale;
box-shadow: 0 0 0 2px rgba($whale-s-tale, 0.35);
}