最も近い色名 · #3D585A
#3D585A
最も近い色名: Woodland Night
#3D585A（rgb(61 88 90)、hsl(184 19% 30%)、oklch(0.44 0.032 201.8)）に最も近い色名はWoodland Nightです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#3D585A
oklch(0.44 0.032 201.8)
カラー変換
- HEX
- #3d585a
- RGB
- rgb(61 88 90)
- HSL
- hsl(184 19% 30%)
- HWB
- hwb(184 24% 65%)
- OKLCH
- oklch(0.44 0.032 201.8)
- OKLab
- oklab(0.44 -0.03 -0.012)
- CIE Lab
- lab(35.31 -10.07 -4.6)
- LCH
- lch(35.31 11.07 204.6)
- CMYK
- cmyk(32% 2% 0% 65%)
ティント · シェード · トーン
ティント
- 4F6769
- 617778
- 738788
- 869798
- 99A8A9
- ADB9B9
- C1CACA
- D5DBDC
- EAEDED
シェード
- 344B4D
- 2B3F41
- 223335
- 1A2829
- 121D1E
- 0A1213
- 040909
- 010303
- 000000
トーン
- 445C5E
- 4A6061
- 516465
- 586869
- 5E6C6D
- 657071
- 6C7474
- 737878
- 797C7C
カラーハーモニー
補色 +180°
- 3D585A
Woodland Night
- 634C4A
≈ French Roast
類似色 -30° +30°
- 3D585A
Woodland Night
- 405850
≈ Concealment
- 405661
≈ Alien
トライアド +120° +240°
- 3D585A
Woodland Night
- 5B4D5D
≈ Purple Fury
- 5C513E
≈ Best Bronze
スプリットコンプリメンタリー +150° +210°
- 3D585A
Woodland Night
- 614B54
≈ Sweet Currant
- 614E42
≈ Ground Bean
テトラード +90° +180° +270°
- 3D585A
Woodland Night
- 524F63
≈ Magic Spell
- 634C4A
≈ French Roast
- 535440
≈ Freshwater Marsh
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.65:1 · APCA Lc 87
Ag
Fail黒の上
WCAG 2.74:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.65:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--woodland-night: #3d585a;
--woodland-night-rgb: 61 88 90;
--woodland-night-oklch: oklch(0.44 0.032 201.8);
}
.element {
color: var(--woodland-night);
background-color: hsl(184 19% 30%);
border-color: oklch(0.44 0.032 201.8);
}Tailwind CSS v4
@theme {
--color-woodland-night: #3d585a;
--color-woodland-night-50: #ebf8f9;
--color-woodland-night-100: #dcebed;
--color-woodland-night-200: #c5d9da;
--color-woodland-night-300: #a5bdbf;
--color-woodland-night-400: #89a5a6;
--color-woodland-night-500: #6d8d8f;
--color-woodland-night-600: #5d7779;
--color-woodland-night-700: #4a5f61;
--color-woodland-night-800: #354647;
--color-woodland-night-900: #243031;
--color-woodland-night-950: #131d1d;
}SCSS
$woodland-night: #3d585a;
$woodland-night-rgb: 61, 88, 90;
$woodland-night-light: mix(#fff, $woodland-night, 20%);
$woodland-night-dark: mix(#000, $woodland-night, 20%);
.element {
color: $woodland-night;
box-shadow: 0 0 0 2px rgba($woodland-night, 0.35);
}