En yakın adlandırılmış renk · #414258
#414258
En yakın adlandırılmış renk: Lava Stone
#414258 (rgb(65 66 88), hsl(237 15% 30%), oklch(0.387 0.037 282.5)) en çok Lava Stone 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.
#414258
oklch(0.387 0.037 282.5)
Renk dönüşümleri
- HEX
- #414258
- RGB
- rgb(65 66 88)
- HSL
- hsl(237 15% 30%)
- HWB
- hwb(237 25% 65%)
- OKLCH
- oklch(0.387 0.037 282.5)
- OKLab
- oklab(0.387 0.008 -0.036)
- CIE Lab
- lab(28.57 3.78 -13.36)
- LCH
- lch(28.57 13.88 285.8)
- CMYK
- cmyk(26% 25% 0% 65%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 525367
- 636477
- 757687
- 878897
- 9A9BA8
- AEAEB9
- C1C2CA
- D6D6DB
- EAEAED
Koyu tonlar
- 37384B
- 2E2F3F
- 252533
- 1C1C28
- 13141D
- 0B0B12
- 050509
- 010103
- 000000
Gri tonlar
- 47485C
- 4D4E60
- 535464
- 595A68
- 5F606C
- 666770
- 6C6D74
- 737378
- 797A7C
Renk uyumları
Tamamlayıcı +180°
- 414258
Lava Stone
- 48452E
≈ Tin Bitz
Analog -30° +30°
- 414258
Lava Stone
- 364658
≈ Compass Blue
- 4B3F53
≈ Sweet Grape
Üçlü +120° +240°
- 414258
Lava Stone
- 563E35
≈ Vixen
- 324B3E
≈ Norfolk Green
Bölünmüş tamamlayıcı +150° +210°
- 414258
Lava Stone
- 51412E
≈ Deep Bronze
- 3D4934
≈ Rifle Green
Dörtlü +90° +180° +270°
- 414258
Lava Stone
- 563C3F
≈ Budapest Brown
- 48452E
≈ Tin Bitz
- 2B4B4A
≈ Tree Bark Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.79:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.14:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 9.79:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--lava-stone: #414258;
--lava-stone-rgb: 65 66 88;
--lava-stone-oklch: oklch(0.387 0.037 282.5);
}
.element {
color: var(--lava-stone);
background-color: hsl(237 15% 30%);
border-color: oklch(0.387 0.037 282.5);
}Tailwind CSS v4
@theme {
--color-lava-stone: #414258;
--color-lava-stone-50: #f3f4ff;
--color-lava-stone-100: #e6e6f4;
--color-lava-stone-200: #d2d2e4;
--color-lava-stone-300: #b5b5ca;
--color-lava-stone-400: #9b9cb4;
--color-lava-stone-500: #82849f;
--color-lava-stone-600: #6e6f86;
--color-lava-stone-700: #58596c;
--color-lava-stone-800: #40414f;
--color-lava-stone-900: #2c2d37;
--color-lava-stone-950: #191a22;
}SCSS
$lava-stone: #414258;
$lava-stone-rgb: 65, 66, 88;
$lava-stone-light: mix(#fff, $lava-stone, 20%);
$lava-stone-dark: mix(#000, $lava-stone, 20%);
.element {
color: $lava-stone;
box-shadow: 0 0 0 2px rgba($lava-stone, 0.35);
}