En yakın adlandırılmış renk · #006A9A
#006A9A
En yakın adlandırılmış renk: Hydra
#006A9A (rgb(0 106 154), hsl(199 100% 30%), oklch(0.498 0.111 238.3)) en çok Hydra 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.
#006A9A
oklch(0.498 0.111 238.3)
Renk dönüşümleri
- HEX
- #006a9a
- RGB
- rgb(0 106 154)
- HSL
- hsl(199 100% 30%)
- HWB
- hwb(199 0% 40%)
- OKLCH
- oklch(0.498 0.111 238.3)
- OKLab
- oklab(0.498 -0.058 -0.094)
- CIE Lab
- lab(41.68 -12.33 -33.94)
- LCH
- lch(41.68 36.11 250)
- CMYK
- cmyk(100% 31% 0% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2D79A4
- 4887AF
- 6096B9
- 77A5C3
- 8DB3CD
- A4C2D7
- BAD1E1
- D1E0EB
- E8F0F5
Koyu tonlar
- 005B85
- 004D71
- 003F5E
- 00314B
- 002439
- 001827
- 000D17
- 000409
- 000001
Gri tonlar
- 1F6D98
- 2F6F96
- 3C7293
- 487491
- 52768E
- 5C788C
- 657A89
- 6F7C86
- 777E83
Renk uyumları
Tamamlayıcı +180°
- 006A9A
Hydra
- 905012
≈ Plain Old Brown
Analog -30° +30°
- 006A9A
Hydra
- 00707C
≈ Iridescent Peacock
- 485EA2
≈ Bio Blue
Üçlü +120° +240°
- 006A9A
Hydra
- 934562
≈ Raspberry Pudding
- 5D6B0D
≈ Mud Green
Bölünmüş tamamlayıcı +150° +210°
- 006A9A
Hydra
- 98473D
≈ Mojo
- 7B5E00
≈ Hè Sè Brown
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.95:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.52:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--hydra: #006a9a;
--hydra-rgb: 0 106 154;
--hydra-oklch: oklch(0.498 0.111 238.3);
}
.element {
color: var(--hydra);
background-color: hsl(199 100% 30%);
border-color: oklch(0.498 0.111 238.3);
}Tailwind CSS v4
@theme {
--color-hydra: #006a9a;
--color-hydra-50: #dafaff;
--color-hydra-100: #c7eeff;
--color-hydra-200: #aadbff;
--color-hydra-300: #82bfeb;
--color-hydra-400: #5aa8d8;
--color-hydra-500: #2b8fc7;
--color-hydra-600: #2779a8;
--color-hydra-700: #1f6187;
--color-hydra-800: #124863;
--color-hydra-900: #0b3246;
--color-hydra-950: #001d2d;
}SCSS
$hydra: #006a9a;
$hydra-rgb: 0, 106, 154;
$hydra-light: mix(#fff, $hydra, 20%);
$hydra-dark: mix(#000, $hydra, 20%);
.element {
color: $hydra;
box-shadow: 0 0 0 2px rgba($hydra, 0.35);
}