最も近い色名 · #454200
#454200
最も近い色名: Green Not Found
#454200（rgb(69 66 0)、hsl(57 100% 14%)、oklch(0.37 0.079 106.8)）に最も近い色名はGreen Not Foundです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#454200
oklch(0.37 0.079 106.8)
カラー変換
- HEX
- #454200
- RGB
- rgb(69 66 0)
- HSL
- hsl(57 100% 14%)
- HWB
- hwb(57 0% 73%)
- OKLCH
- oklch(0.37 0.079 106.8)
- OKLab
- oklab(0.37 -0.023 0.076)
- CIE Lab
- lab(27.38 -4.42 35.66)
- LCH
- lch(27.38 35.93 97.1)
- CMYK
- cmyk(0% 4% 100% 73%)
ティント · シェード · トーン
ティント
- 555320
- 666539
- 787750
- 8A8968
- 9C9C80
- AFAF98
- C3C3B1
- D6D6CB
- EBEBE5
シェード
- 3B3800
- 312F00
- 272500
- 1E1C00
- 151400
- 0C0B00
- 050500
- 020100
- 000000
トーン
- 4A4814
- 504E23
- 56542F
- 5B5B3B
- 616147
- 676752
- 6D6D5E
- 737369
- 7A7A74
カラーハーモニー
補色 +180°
- 454200
Green Not Found
- 3D3867
≈ Rhynchites Nitens
類似色 -30° +30°
- 454200
Green Not Found
- 563900
≈ Pineapple
- 2B491C
≈ Treetop Cathedral
トライアド +120° +240°
- 454200
Green Not Found
- 00475D
≈ Loyal Blue
- 5D2D48
≈ Vistoris Lake
スプリットコンプリメンタリー +150° +210°
- 454200
Green Not Found
- 224069
≈ Blue Mosque
- 50315B
≈ Royal Crown
テトラード +90° +180° +270°
- 454200
Green Not Found
- 004A4B
≈ Deep Into the Jungle
- 3D3867
≈ Rhynchites Nitens
- 632C31
≈ Chocolate Truffle
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.33:1 · APCA Lc 94
Ag
Fail黒の上
WCAG 2.03:1 · APCA Lc 9
最適な文字色: #FFFFFF
WCAG 10.33:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--green-not-found: #454200;
--green-not-found-rgb: 69 66 0;
--green-not-found-oklch: oklch(0.37 0.079 106.8);
}
.element {
color: var(--green-not-found);
background-color: hsl(57 100% 14%);
border-color: oklch(0.37 0.079 106.8);
}Tailwind CSS v4
@theme {
--color-green-not-found: #454200;
--color-green-not-found-50: #f6f7de;
--color-green-not-found-100: #e9ebcc;
--color-green-not-found-200: #d6d8b1;
--color-green-not-found-300: #babb8c;
--color-green-not-found-400: #a4a26a;
--color-green-not-found-500: #8c8a49;
--color-green-not-found-600: #77753e;
--color-green-not-found-700: #5f5d31;
--color-green-not-found-800: #464422;
--color-green-not-found-900: #312f16;
--color-green-not-found-950: #1d1b08;
}SCSS
$green-not-found: #454200;
$green-not-found-rgb: 69, 66, 0;
$green-not-found-light: mix(#fff, $green-not-found, 20%);
$green-not-found-dark: mix(#000, $green-not-found, 20%);
.element {
color: $green-not-found;
box-shadow: 0 0 0 2px rgba($green-not-found, 0.35);
}