最も近い色名 · #164325
#164325
最も近い色名: Queen of Trees
#164325（rgb(22 67 37)、hsl(140 51% 17%)、oklch(0.343 0.072 151.6)）に最も近い色名はQueen of Treesです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#164325
oklch(0.343 0.072 151.6)
カラー変換
- HEX
- #164325
- RGB
- rgb(22 67 37)
- HSL
- hsl(140 51% 17%)
- HWB
- hwb(140 9% 74%)
- OKLCH
- oklch(0.343 0.072 151.6)
- OKLab
- oklab(0.343 -0.063 0.034)
- CIE Lab
- lab(24.68 -22.12 13.48)
- LCH
- lch(24.68 25.9 148.6)
- CMYK
- cmyk(67% 0% 45% 74%)
ティント · シェード · トーン
ティント
- 2D5438
- 43654C
- 597760
- 6F8A75
- 869C8B
- 9DAFA1
- B5C3B8
- CDD7CF
- E6EBE7
シェード
- 12391F
- 0D2F19
- 092613
- 061D0D
- 031408
- 020C04
- 010502
- 000100
- 000000
トーン
- 22492E
- 2D4F36
- 38553F
- 425B48
- 4D6151
- 57675A
- 616D64
- 6B746D
- 767A76
カラーハーモニー
補色 +180°
- 164325
Queen of Trees
- 4E2A49
≈ Murasaki
類似色 -30° +30°
- 164325
Queen of Trees
- 333E0D
≈ Dark Olive
- 00433B
≈ Botanical Night
トライアド +120° +240°
- 164325
Queen of Trees
- 2B355E
≈ Quill Tip
- 582920
≈ Caput Mortuum
スプリットコンプリメンタリー +150° +210°
- 164325
Queen of Trees
- 402F58
≈ Jakarta Skyline
- 562736
≈ Black Rose
テトラード +90° +180° +270°
- 164325
Queen of Trees
- 0C3C5A
≈ Poseidon
- 4E2A49
≈ Murasaki
- 532F09
≈ Kyoto House
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.26:1 · APCA Lc 96
Ag
Fail黒の上
WCAG 1.86:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 11.26:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--queen-of-trees: #164325;
--queen-of-trees-rgb: 22 67 37;
--queen-of-trees-oklch: oklch(0.343 0.072 151.6);
}
.element {
color: var(--queen-of-trees);
background-color: hsl(140 51% 17%);
border-color: oklch(0.343 0.072 151.6);
}Tailwind CSS v4
@theme {
--color-queen-of-trees: #164325;
--color-queen-of-trees-50: #e6fcec;
--color-queen-of-trees-100: #d6efdd;
--color-queen-of-trees-200: #bedec6;
--color-queen-of-trees-300: #9cc3a7;
--color-queen-of-trees-400: #7fab89;
--color-queen-of-trees-500: #61946e;
--color-queen-of-trees-600: #537d5d;
--color-queen-of-trees-700: #42644b;
--color-queen-of-trees-800: #304935;
--color-queen-of-trees-900: #213324;
--color-queen-of-trees-950: #101f13;
}SCSS
$queen-of-trees: #164325;
$queen-of-trees-rgb: 22, 67, 37;
$queen-of-trees-light: mix(#fff, $queen-of-trees, 20%);
$queen-of-trees-dark: mix(#000, $queen-of-trees, 20%);
.element {
color: $queen-of-trees;
box-shadow: 0 0 0 2px rgba($queen-of-trees, 0.35);
}