最も近い色名 · #53675D
#53675D
最も近い色名: Dark Forest
#53675D（rgb(83 103 93)、hsl(150 11% 36%)、oklch(0.494 0.029 163.5)）に最も近い色名はDark Forestです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#53675D
oklch(0.494 0.029 163.5)
カラー変換
- HEX
- #53675d
- RGB
- rgb(83 103 93)
- HSL
- hsl(150 11% 36%)
- HWB
- hwb(150 33% 60%)
- OKLCH
- oklch(0.494 0.029 163.5)
- OKLab
- oklab(0.494 -0.028 0.008)
- CIE Lab
- lab(41.71 -9.51 3.05)
- LCH
- lch(41.71 9.98 162.2)
- CMYK
- cmyk(19% 0% 10% 60%)
ティント · シェード · トーン
ティント
- 63756C
- 73837B
- 83928A
- 94A19A
- A5B0AA
- B7BFBB
- C8CFCB
- DADFDC
- EDEFEE
シェード
- 475950
- 3B4B43
- 303D37
- 25302A
- 1B231F
- 111714
- 080C0A
- 020403
- 000000
トーン
- 576960
- 5C6C64
- 606E67
- 65716B
- 69736E
- 6E7672
- 727875
- 777B79
- 7B7D7C
カラーハーモニー
補色 +180°
- 53675D
Dark Forest
- 6E5B66
≈ Patina Violet
類似色 -30° +30°
- 53675D
Dark Forest
- 5B6555
≈ Pine Cone Pass
- 4F6766
≈ Angry Ocean
トライアド +120° +240°
- 53675D
Dark Forest
- 5F6072
≈ Damp Basement
- 705D55
≈ Missing Link
スプリットコンプリメンタリー +150° +210°
- 53675D
Dark Forest
- 685D6D
≈ Sedona Shadow
- 715B5D
≈ Poetry Plum
テトラード +90° +180° +270°
- 53675D
Dark Forest
- 566372
≈ Midnight Shadow
- 6E5B66
≈ Patina Violet
- 6C5F50
≈ Chocolate Chip
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.05:1 · APCA Lc 80
Ag
Fail黒の上
WCAG 3.46:1 · APCA Lc 22
最適な文字色: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--dark-forest: #53675d;
--dark-forest-rgb: 83 103 93;
--dark-forest-oklch: oklch(0.494 0.029 163.5);
}
.element {
color: var(--dark-forest);
background-color: hsl(150 11% 36%);
border-color: oklch(0.494 0.029 163.5);
}Tailwind CSS v4
@theme {
--color-dark-forest: #53675d;
--color-dark-forest-50: #eef8f3;
--color-dark-forest-100: #dfebe5;
--color-dark-forest-200: #c9d8d1;
--color-dark-forest-300: #aabcb4;
--color-dark-forest-400: #90a49a;
--color-dark-forest-500: #758d81;
--color-dark-forest-600: #63776d;
--color-dark-forest-700: #4f5f57;
--color-dark-forest-800: #3a463f;
--color-dark-forest-900: #28302b;
--color-dark-forest-950: #161c19;
}SCSS
$dark-forest: #53675d;
$dark-forest-rgb: 83, 103, 93;
$dark-forest-light: mix(#fff, $dark-forest, 20%);
$dark-forest-dark: mix(#000, $dark-forest, 20%);
.element {
color: $dark-forest;
box-shadow: 0 0 0 2px rgba($dark-forest, 0.35);
}