最も近い色名 · #2D6731
#2D6731
最も近い色名: Bucolic
#2D6731（rgb(45 103 49)、hsl(124 39% 29%)、oklch(0.461 0.104 145)）に最も近い色名はBucolicです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#2D6731
oklch(0.461 0.104 145)
カラー変換
- HEX
- #2d6731
- RGB
- rgb(45 103 49)
- HSL
- hsl(124 39% 29%)
- HWB
- hwb(124 18% 60%)
- OKLCH
- oklch(0.461 0.104 145)
- OKLab
- oklab(0.461 -0.085 0.06)
- CIE Lab
- lab(38.71 -29.19 24.28)
- LCH
- lch(38.71 37.96 140.2)
- CMYK
- cmyk(56% 0% 52% 60%)
ティント · シェード · トーン
ティント
- 427545
- 578458
- 6B936C
- 80A280
- 94B194
- A9C0A9
- BED0BE
- D3DFD3
- E9EFE9
シェード
- 265929
- 1F4B22
- 183D1A
- 113013
- 0B230C
- 061706
- 020C03
- 010401
- 000000
トーン
- 376A39
- 406C42
- 496F4A
- 517252
- 597459
- 617761
- 697969
- 717B71
- 787E78
カラーハーモニー
補色 +180°
- 2D6731
Bucolic
- 754278
≈ Spring Lobster Dye
類似色 -30° +30°
- 2D6731
Bucolic
- 575E01
≈ Greensboro
- 006855
≈ Piney Lake
トライアド +120° +240°
- 2D6731
Bucolic
- 3B5592
≈ Muted Lavender
- 893E3A
≈ Red Blooded
スプリットコンプリメンタリー +150° +210°
- 2D6731
Bucolic
- 5D4B8C
≈ Purple Corallite
- 843D5B
≈ Ancient Royal Banner
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.78:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 3.09:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.78:1 (AA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--bucolic: #2d6731;
--bucolic-rgb: 45 103 49;
--bucolic-oklch: oklch(0.461 0.104 145);
}
.element {
color: var(--bucolic);
background-color: hsl(124 39% 29%);
border-color: oklch(0.461 0.104 145);
}Tailwind CSS v4
@theme {
--color-bucolic: #2d6731;
--color-bucolic-50: #e3fee4;
--color-bucolic-100: #d2f2d4;
--color-bucolic-200: #b8e1bb;
--color-bucolic-300: #94c699;
--color-bucolic-400: #77af78;
--color-bucolic-500: #579859;
--color-bucolic-600: #4a814c;
--color-bucolic-700: #3b673d;
--color-bucolic-800: #2b4c2a;
--color-bucolic-900: #1d341c;
--color-bucolic-950: #0d200c;
}SCSS
$bucolic: #2d6731;
$bucolic-rgb: 45, 103, 49;
$bucolic-light: mix(#fff, $bucolic, 20%);
$bucolic-dark: mix(#000, $bucolic, 20%);
.element {
color: $bucolic;
box-shadow: 0 0 0 2px rgba($bucolic, 0.35);
}