En yakın adlandırılmış renk · #004C9B
#004C9B
En yakın adlandırılmış renk: Dancing Sea
#004C9B (rgb(0 76 155), hsl(211 100% 30%), oklch(0.426 0.144 255.8)) en çok Dancing Sea 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.
#004C9B
oklch(0.426 0.144 255.8)
Renk dönüşümleri
- HEX
- #004c9b
- RGB
- rgb(0 76 155)
- HSL
- hsl(211 100% 30%)
- HWB
- hwb(211 0% 39%)
- OKLCH
- oklch(0.426 0.144 255.8)
- OKLab
- oklab(0.426 -0.035 -0.14)
- CIE Lab
- lab(32.19 5.48 -49.63)
- LCH
- lch(32.19 49.93 276.3)
- CMYK
- cmyk(100% 51% 0% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 255EA6
- 3E70B1
- 5681BB
- 6D93C5
- 85A5D0
- 9DB7D9
- B5C8E3
- CDDAED
- E6EDF6
Koyu tonlar
- 004186
- 003672
- 002C5E
- 00224B
- 001839
- 000F28
- 000618
- 000209
- 000001
Gri tonlar
- 185299
- 275897
- 345E95
- 406393
- 4B6990
- 566E8D
- 60728A
- 6B7787
- 767C84
Renk uyumları
Tamamlayıcı +180°
- 004C9B
Dancing Sea
- 6A4700
≈ Violin Brown
Analog -30° +30°
- 004C9B
Dancing Sea
- 005770
≈ Subaqueous
- 4B3C98
≈ Blueberry
Üçlü +120° +240°
- 004C9B
Dancing Sea
- 8C1E33
≈ Refined Chianti
- 2B5D00
≈ Thuja Green
Bölünmüş tamamlayıcı +150° +210°
- 004C9B
Dancing Sea
- 813400
≈ Red Beech
- 565100
≈ Scorzonera Brown
Dörtlü +90° +180° +270°
- 004C9B
Dancing Sea
- 82235F
≈ Smooch
- 6A4700
≈ Violin Brown
- 005E43
≈ Sci-Fi Takeout
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.37:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.50:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.37:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--dancing-sea: #004c9b;
--dancing-sea-rgb: 0 76 155;
--dancing-sea-oklch: oklch(0.426 0.144 255.8);
}
.element {
color: var(--dancing-sea);
background-color: hsl(211 100% 30%);
border-color: oklch(0.426 0.144 255.8);
}Tailwind CSS v4
@theme {
--color-dancing-sea: #004c9b;
--color-dancing-sea-50: #dcf7ff;
--color-dancing-sea-100: #caeaff;
--color-dancing-sea-200: #aed7ff;
--color-dancing-sea-300: #88b9ff;
--color-dancing-sea-400: #62a0f2;
--color-dancing-sea-500: #3d86e3;
--color-dancing-sea-600: #3572c0;
--color-dancing-sea-700: #2a5b9a;
--color-dancing-sea-800: #194373;
--color-dancing-sea-900: #102e51;
--color-dancing-sea-950: #031b36;
}SCSS
$dancing-sea: #004c9b;
$dancing-sea-rgb: 0, 76, 155;
$dancing-sea-light: mix(#fff, $dancing-sea, 20%);
$dancing-sea-dark: mix(#000, $dancing-sea, 20%);
.element {
color: $dancing-sea;
box-shadow: 0 0 0 2px rgba($dancing-sea, 0.35);
}