色名 · #FFA343
Radiation Carrot
Radiation Carrotは#FFA343：rgb(255 163 67)、hsl(31 100% 63%)、oklch(0.792 0.153 63.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Radiation Carrot color name →
#FFA343
oklch(0.792 0.153 63.1)
カラー変換
- HEX
- #ffa343
- RGB
- rgb(255 163 67)
- HSL
- hsl(31 100% 63%)
- HWB
- hwb(31 26% 0%)
- OKLCH
- oklch(0.792 0.153 63.1)
- OKLab
- oklab(0.792 0.069 0.136)
- CIE Lab
- lab(75.36 29.54 62.1)
- LCH
- lch(75.36 68.77 64.6)
- CMYK
- cmyk(0% 36% 74% 0%)
ティント · シェード · トーン
ティント
- FFAD5C
- FFB671
- FFC084
- FFC997
- FFD2A9
- FFDCBA
- FFE4CC
- FFEDDD
- FFF6EE
シェード
- DE8D39
- BE782F
- 9E6326
- 804F1D
- 633C14
- 482A0C
- 2E1905
- 160A01
- 030100
トーン
- F2A04E
- E59D57
- D99A5F
- CC9665
- BF936B
- B39070
- A68C75
- 9A8879
- 8D847D
カラーハーモニー
補色 +180°
- FFA343
Radiation Carrot
- 76C4FF
≈ Maya Blue
類似色 -30° +30°
- FFA343
Radiation Carrot
- FF9D88
≈ Candy
- DDB828
≈ Eye Catching
トライアド +120° +240°
- FFA343
Radiation Carrot
- 00D8C4
≈ Turquoise Panic
- CCA6FF
≈ Lilac
スプリットコンプリメンタリー +150° +210°
- FFA343
Radiation Carrot
- 00D1F0
≈ Picnic Day Sky
- A5B7FF
≈ Truesky Gloxym
テトラード +90° +180° +270°
- FFA343
Radiation Carrot
- 61D78B
≈ Aurora Green
- 76C4FF
≈ Maya Blue
- F594E5
≈ Diva Mecha
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.98:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.57:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--radiation-carrot: #ffa343;
--radiation-carrot-rgb: 255 163 67;
--radiation-carrot-oklch: oklch(0.792 0.153 63.1);
}
.element {
color: var(--radiation-carrot);
background-color: hsl(31 100% 63%);
border-color: oklch(0.792 0.153 63.1);
}Tailwind CSS v4
@theme {
--color-radiation-carrot: #ffa343;
--color-radiation-carrot-50: #ffedc8;
--color-radiation-carrot-100: #ffdeb3;
--color-radiation-carrot-200: #ffc78e;
--color-radiation-carrot-300: #eda65e;
--color-radiation-carrot-400: #dc8829;
--color-radiation-carrot-500: #ca6900;
--color-radiation-carrot-600: #ab5a00;
--color-radiation-carrot-700: #894800;
--color-radiation-carrot-800: #673300;
--color-radiation-carrot-900: #482300;
--color-radiation-carrot-950: #2f1100;
}SCSS
$radiation-carrot: #ffa343;
$radiation-carrot-rgb: 255, 163, 67;
$radiation-carrot-light: mix(#fff, $radiation-carrot, 20%);
$radiation-carrot-dark: mix(#000, $radiation-carrot, 20%);
.element {
color: $radiation-carrot;
box-shadow: 0 0 0 2px rgba($radiation-carrot, 0.35);
}